{% if add %}
	<div class="alert alert-success" style="position: absolute;top: 45px;left: 5px;">	
		<div id="close">
			<span title="Close" style="cursor: pointer; float: right;">X</span>
		</div>
		<h3>{{ add }} was success added</h3>
		{{ conf_add }}
	</div>
	<script>
		$('#close').click(function(){
			$('.alert-success').remove();
		});
	</script>
{% endif %}
<div id="create" style="margin-top: 20px;">
		<div id="left-collumn">
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create Listen" class="redirectListen span-link">Create Listen</span>
					</div>
					<div class="server-desc">
							A "listen" section defines a complete proxy with its frontend and backend parts combined in one section. It is generally useful for TCP-only traffic.
					</div>					
				</div>
			</div>
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create HTTP Listen" class="redirectListen span-link" id="create-http-listen">Create HTTP Listen</span>
					</div>
					<div class="server-desc">
							Create HTTP proxy
					</div>				
				</div>
			</div>
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create SSL Listen" class="redirectListen span-link" id="create-ssl-listen">Create SSL Listen</span>
					</div>
					<div class="server-desc">
							Create HTTPS Proxy with the SSL termination on HAProxy and SSL offload. 
							HAProxy will send to backends HTTP traffic. You need have <span title="Upload SSL" class="redirectSsl span-link" style="color: #5d9ceb">uploaded a PEM certificat</span>
					</div>				
				</div>
			</div>
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create SSL Listen" class="redirectListen span-link" id="create-https-listen">Create HTTPS Listen</span>
					</div>
					<div class="server-desc">
							Create HTTPS Proxy without the SSL termination on HAProxy and SSL offload. HAProxy will send to backends HTTPS traffic
					</div>				
				</div>
			</div>
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create presaved options" class="span-link" id="add4">Create presaved options</span>
					</div>
					<div class="server-desc">
						Create, edit and delete options with given parameters. And after use them as autocomplete in the "Add" sections
					</div>				
				</div>
			</div>
		</div>
		<div id="middle-collumn">
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create Frontend" class="redirectFrontend span-link">Create Frontend</span>
					</div>
					<div class="server-desc">
						A "frontend" section describes a set of listening sockets accepting client connections.
						And forwards them to backend
						<br />
					</div>			
				</div>
			</div>
			<div class="div-server">
				<div class="server-name">
					<span title="Create HTTP Frontend" class="redirectListen span-link" id="create-http-frontend">Create HTTP Frontend</span>
				</div>
				<div class="server-desc">
						Create HTTP Frontend
				</div>				
			</div>
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create SSL Frontend" class="redirectListen span-link" id="create-ssl-frontend">Create SSL Frontend</span>
					</div>
					<div class="server-desc">
							Create HTTPS Frontend with the SSL termination on HAProxy and SSL offload. HAProxy will send to backends HTTP traffic. You need have <span title="Upload SSL" class="redirectSsl span-link" style="color: #5d9ceb">uploaded a PEM certificat</span>
					</div>				
				</div>
			</div>
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create HTTPS Frontend" class="redirectListen span-link" id="create-https-frontend">Create HTTPS Frontend</span>
					</div>
					<div class="server-desc">
							Create HTTPS Frontend without the SSL termination on HAProxy and SSL offload. HAProxy will send to backends HTTPS traffic
					</div>				
				</div>
			</div>
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create presaved servers" class="span-link" id="add5">Create presaved servers</span>
					</div>
					<div class="server-desc">
						Create, edit and delete servers. And after use them as autocomplete in the "Add" sections 
					</div>				
				</div>
			</div>
		</div>
		<div id="right-collumn">
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create Backend" class="redirectBackend span-link">Create Backend</span>
					</div>
					<div class="server-desc">
						A "backend" section describes a set of servers to which the proxy will connect to forward incoming connections. 
						<br />
						<br />
					</div>			
				</div>
			</div>
			<div class="div-server">
				<div class="server-name">
					<span title="Create SSL Backend" class="redirectListen span-link" id="create-http-backend">Create HTTP Backend</span>
				</div>
				<div class="server-desc">
						Create HTTP Backend
				</div>				
			</div>
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create HTTPS Backend" class="redirectListen span-link" id="create-ssl-backend">Create SSL Backend</span>
					</div>
					<div class="server-desc">
							Create HTTPS Backend with the SSL termination on HAProxy and SSL offload. HAProxy will send to backends HTTP traffic. You need have <span title="Upload SSL" class="redirectSsl span-link" style="color: #5d9ceb">uploaded a PEM certificat</span>
					</div>				
				</div>
			</div>
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create SSL Backend" class="redirectListen span-link" id="create-https-backend">Create HTTPS Backend</span>
					</div>
					<div class="server-desc">
							Create HTTPS Backend without the SSL termination on HAProxy and SSL offload. HAProxy will send to backends HTTPS traffic
					</div>				
				</div>
			</div>
			<div class="div-pannel">
				<div class="div-server">
					<div class="server-name">
						<span title="Create userlists" class="span-link" id="add6">Create userlists</span>
					</div>
					<div class="server-desc">
							Create userlists. And use it in the "Add" sections 
					</div>				
				</div>
			</div>
		</div>
	</div>